<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Quick Bookmarks Options</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/options.css">
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-md-2"></div>
            <div class="col-md-8">
                <div>
                    <h2><img src="/assets/icon.png"> Quick Site Mute</h2>
                    <hr>
                    <div id="mapping-wrapper">
                        <label class="text-center">Mute Rules</label>
                        <button type="button" class="btn btn-primary" id="add-mapping-rule"><img
                                src="/assets/add.png"></button>
                        <p class="clearfix"></p>
                        <span class="help-block">Custom your mute rules by url</span>
                    </div>
                    <hr>
                    <div id="status">
                        <button type="button" class="btn btn-default btn-block" id="save">Save Changes</button>

                        <span id="save_success" class="help-block"></span>
                    </div>
                </div>
            </div>
            <div class="col-md-2"></div>
        </div>

    </div>
    <script src="/lib/jquery/jquery-3.6.0.min.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/options.js"></script>
</body>

</html>